<script lang="ts" setup>
import type { ListByUserMessageType } from '@/views/admin/system/notice/utils/model'

type Props = {
  data: ListByUserMessageType
}
const themeToken = getThemeTokenHook()

const { data } = defineProps<Props>()
</script>

<template>
  <div class="details">
    <SpMdPreview
      :data="data.content"
      :style="{
        background: themeToken.colorBgElevated
      }"
    />
  </div>
</template>

<style scoped>
.details {
  height: 70vh;
  overflow: auto;
}
</style>
